//引入公共样式
@import "common.less";
// 页面头部样式

//搜索样式
.search-result-style{
	.item-empty{
		padding:1em 0;
		em{
			color:#ba9550;
		}
	}
	h3{
	    height: 45px;
	    background: #f7f3ec;
	    font: normal 16px/45px "Microsoft YaHei";
	    color: #ba9550;
	    padding:0 14px;
	    border-top: 1px solid #e6e3df;
	    border-bottom: 1px solid #e6e3df;
	}
	.list{
	    font: normal 13px/26px "Microsoft YaHei";
	    color: #222;
	    padding: 10px 0;
	    .list-item{
	    	.after-clear;
	    	padding:1px 1em;
	    	position:relative;
	    	span{
	    		float:right;
	    	}
	    }
	}
}


//pc端头部
.pc-header{position:fixed;top:0;left:0;z-index:99999;height:110px;background:#000;width:100%;
	.smallTopNav{margin-top:2px;width:30px;height:36px;float:right;
		span{display:block;height:4px;background:#fff;width:30px;overflow:hidden;margin-top:6px;}
	}
	.smallClose{margin-right:40px; margin-top:10px; width:30px;height:30px;float:left;background:url(../images/close3.png) center center no-repeat;background-size:25px 25px;overflow:hidden;text-indent:-999em;}
	h1.logo{float:left;width:200px;height:80px;margin:15px 0 0 100px;
		a{display:block;
			img{display:block;width:100%;height:auto;}
		}
		.m-logo{display:none;}
	}
	.mainNav{float:left;margin-right:20px;margin-top:10px;
		li{float:left;margin-left:20px;
			a{display:block;padding:5px 10px;font:normal 18px/34px "Microsoft YaHei";color:#fff;
				&:hover,&.cur{border-bottom:2px solid #ba9550;padding-bottom:3px;text-decoration:none;}
			}
		}
	}
	.rightBox{float:right;margin-right:100px;margin-top:15px;}
	.rightBox .telBox{float:right;}
	.rightBox .tel{background:url(../images/tel.png) no-repeat left center;padding-left:22px;font:normal 18px/34px "Microsoft YaHei";color:#fff;}
	.rightBox .bBox{border-top:1px solid #676767;padding-top:4px;}
	.rightBox .bBox a{display:block;float:left;font:normal 14px/24px "Microsoft YaHei";color:#fff;}
	.rightBox .bBox span{display:block;float:left;margin:0 10px;color:#fff;}
	.rightBox .language{float:left;position:relative;}
	.rightBox .language .cur{cursor:pointer;width:58px;text-align:center;background:url(../images/dot.png) no-repeat right center;padding-right:14px;font:normal 14px/24px "Microsoft YaHei";color:#fff;}
	.rightBox .language .list{display:none;position:absolute;z-index:9;top:61px;right:-10px;background:#191919;}
	.rightBox .language .list li{min-width:80px;border-bottom:1px solid #333;text-align:center;}
	.rightBox .language .list li a{float:none;padding:8px 20px;font:normal 16px/24px "Microsoft YaHei";color:#bbb;}
	.smallTopNav{display:none;float:left;margin-right:40px;margin-top:10px;}
	.sub_nav{position:absolute;top:110px;right:0;background:#191919;z-index:9;}
	.sub_nav .item{float:left;margin-left:18px;}
	.sub_nav a{color:#bbb;}
	.sub_nav .item h4{font:normal 18px/32px "Microsoft YaHei";color:#fff;border-bottom:1px solid #333;padding:8px 0;}
	.sub_nav .item .destContent{font-size:0;padding:15px 0;}
	.sub_nav .item .destContent a{display:inline-block;width:120px;font:normal 12px/22px "Microsoft YaHei";}
	.sub_nav .w240{width:240px;}
	.sub_nav .w120{width:120px;}
	.sub_nav .blank20{height:20px;}

	/*导航增加搜索*/
	.search-nav{float:left; position:relative; cursor:pointer; margin-top:10px; padding-top:2px; margin-right:20px;}
	.search-nav-cont{margin:2px 0; border-left:1px solid #6d6e69;}
	.search-nav .icon-search{display:block; margin:6px 20px; width:26px; height:28px; background: url(../images/icon-search.png) 0 0 no-repeat; background-size:100% 100%;}
	.search-nav .search-box{
		display:none;
		position:absolute;
		top:85px;
		right:0;
		padding:40px 50px;
		width:344px;
		background-color:#191919;
	}
	.search-nav .search-box-inner{position:relative;}
	.search-nav .search-bar{width:100%;}
	.search-nav .search-result{
		display:none;
		//position:absolute;
		width:100%;
		//top:32px;
		//left:0;
		background-color:#fff;
		.search-result-style;
		max-height:300px;
		overflow-y:auto;
	}
	.search-nav .search-box input{
		width:100%;
		height:32px;
		line-height:32px;
		border:0;
		padding:10px;
		text-indent:30px;
		line-height:1;
		.border-box;
		background:#fff url(../images/search.png) 10px center no-repeat; background-size:19px 20px;
	}
	.search-nav .search-box .btn-search{float:left;height:32px;background-color:#ba9550;color:#fff;width:44px;text-align:center;padding:0;margin:0;}


}

//手机导航
.mobile-nav{display:block;position:fixed;z-index:999;width:100%;top:100px;left:0;
	-webkit-transform:translate(-100%,0);
	transform:translate(-100%,0);
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	&.mobile-nav-show,&.show{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	.ub{display: -webkit-box !important;  display: -moz-box !important; display: box !important;  position:relative; }
	.navList{background:#232323;}
	.navList li{font:normal 16px/20px "Microsoft YaHei";color:#fff;
		a{
			color:#fff;position:relative;
			padding-left:50px;
			display:block;
			&.cur,&:hover{background:#161616;text-decoration:none;}
			span{display:block; border-bottom:1px solid #343434; padding:1em 0; text-align:left; padding-left:1em;}
			&.cur span{border-bottom:none;}
			em{position:absolute; top:0; right:0; display:block;width:11px;height:21px; margin:15px 14px; background-repeat:no-repeat;background-image:url(../images/mobile/dot2.png);background-size:cover;}
		}
		i{
			position:absolute;
			top:0;
			left:0;
			margin:14px 14px;
			width:25px;height:24px;background-repeat:no-repeat;background:url(../images/mobile/n1.png) no-repeat;background-size:cover;
			&.gn{background-image:url(../images/mobile/n2.png);}
			&.gj{background-image:url(../images/mobile/n3.png);}
			&.hy{background-image:url(../images/mobile/n4.png);}
			&.yh{background-image:url(../images/mobile/n5.png);}
			&.pp{background-image:url(../images/mobile/n6.png);}
			&.en{background-image:url(../images/mobile/n7.png);}
		}
	}
}

.clx{
	.after-clear;
}

//全部城市遮盖
.content-area{
	width:100%;
	height:100%;
	background-color:#bebebe;
	.border-box;
	padding-left:120px;
	position:relative;
	&.area-hotel{
		position:fixed;
		top:0;
		left:0;
		z-index:999;
		padding-top:68px;
		padding-left:0;
		-webkit-transform:translate(-100%,0);
		transform:translate(-100%,0);
		-webkit-transition:all 400ms ease-in-out;
		-moz-transition:all 400ms ease-in-out;
		&.show{
			-webkit-transform:translate(0,0);
			transform:translate(0,0);
		}
	}
	.area-hotel-inner{
		width:100%;
		height:100%;
		overflow:hidden;
		.border-box;
		position:relative;
		padding-left:120px;
	}
	.area-menu{
		width:120px;
		position:absolute;
		top:0;
		left:0;
		a{
			width:100%;
		    background-color: #bebebe;
		    color: #fff;
		    border-bottom: 1px solid #e5e5e5;
		    padding:10px;
		    text-align: center;
		    font-size:14px;
		    display: block;
		    .border-box;
		    &:hover{
				text-decoration:none;
		    }
		    &.here{
		    	background-color:#ba9550;
		    	text-decoration:none;
		    }
		}
	}
	.area-content{
		width:100%;
		height:100%;
		overflow-y:auto;
		background-color:#fff;
		.border-box;
		padding:15px;
		.item{
			display:none;
			&.item-show{
				display:block;
			}
		}
		h3{
			font-size:12px;
			font-weight:normal;
			margin-bottom:0.5em;
		}
		dt{
			font-size:14px;
			margin-bottom:0.5em;
		}
		a{
		    display: block;
		    color: #666;
		    width: auto;
		    padding: 4px 0.5em;
		    margin-right:0.5em;
		    margin-bottom:10px;
		    border: 1px solid #e9e9e9;
		    box-sizing: border-box;
		    text-align: center;
		    float: left;
		    border-radius: 2px;
		    font-size: 12px;
		}
	}
}



//手机搜索页面
.mobile-search{
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	z-index:99999;
	.border-box;
	padding-top:60px;
	.search-header{
		position:absolute;
		top:0;
		left:0;
		padding:1em;
		width:100%;
		.border-box;
		background-color:#020202;
		.btn{
			padding:0;
			margin:0;
			width:32px;
			height:32px;
			display:block;
			border:0;
			&.btn-back{
				position:absolute;
				top:0;
				left:0;
				background:url(../images/mobile/dot3.png) no-repeat center center;
				background-size:13px 24px;
			}
			&.btn-cancel{
				position:absolute;
				top:0;
				right:0;
				color:#fff;
			}
			&.btn-search{
				background: url(../images/iconF10.png) center center no-repeat;
				background-size:21px 20px;
			}
		}
		.header-content{
			position:relative;
			width:100%;
			padding-left:40px;
			padding-right:40px;
			.border-box;
		}
		.btn-cancel{
			display:none;
		}
		.search-box{
			width:100%;
			position:relative;
			.border-box;
			background-color:#fff;
			input{
				.border-box;
				width:100%;
				height:32px;
				padding:0.5em;
				border:0;
			}
			.btn-search{
				position:absolute;
				top:0;
				right:0;
			}
		}
	}
	.search-content{
		position:relative;
		overflow:hidden;
		width:100%;
		height:100%;
		.content-search{
			display:none;
			width:100%;
			height:100%;
			overflow-y:auto;
			.search-result-style;
		}
	}
}




/* 中等屏幕（桌面显示器,小于1336px） */
@media screen and (max-width:1336px) {
	.pc-header{h1.logo{margin-left:30px;}
		.rightBox{margin-top:18px;}
		.sub_nav{top:100px;}
		.search-nav .search-box{top:82px;}
	}
}

/* 中等屏幕（桌面显示器,小于1290px） */
@media screen and (max-width:1290px) {
	.pc-header{height:100px;
		h1.logo{width:200px;height:74px;}
		.mainNav li a{font-size:16px;}
		.mainNav li{margin-left:15px;}
		.mainNav li a{padding:5px;}
		.rightBox{margin-right:30px;}
		.rightBox .language .list{top:43px;}
		.search-nav .search-box{top:72px;}
	}
}

/* 中等屏幕（桌面显示器，大于等于 992px 小于1024px） */
@media screen and (max-width:1024px) {
	.pc-header{.mainNav{display:none;}
		.smallTopNav{display:block;}
		.search-nav{margin-top:6px; }
		.search-nav .search-nav-cont{border-left:0;}
		.search-nav .icon-search{margin-left:0; margin-right:0;}
	}
}

/* 小屏幕（平板，大于等于 992px） */
@media(max-width:992px) {
}

/* 小屏幕（手机，小于 768px）*/
@media(max-width:768px) {
	.pc-header{// display:none;
		height:68px;
		.sub_nav{display:none;}
		.telBox{display:none;}
		h1.logo{width:191px;height:48px;margin-top:10px; margin-right:210px; margin-right:0;
			.pc-logo{display:none;}
			.m-logo{display:block;}
		}
		.rightBox{margin-top:10px; margin-right:20px; margin-left:0;}
		.smallTopNav{margin-top:6px; margin-right:0;}
		.smallClose{margin-top:8px; margin-right:0;}
		.search-nav{margin-top:2px; margin-right:15px;}
		.search-nav .search-box{display:none; top:56px;}
	}
	.mobile-nav{top:68px;}
	.checkStateArea{top:68px;}
}